@charset "utf-8";
/* CSS Document */

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family:"Microsoft YaHei";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color:#666666 ;font:12px/20px "Microsoft YaHei",'宋体',"Arial Narrow",HELVETICA; background:url(../images/bg.png) no-repeat center 0 #fff;}
a{color:#666666; text-decoration:none;}
a:hover{color:#5e8bb5; text-decoration:underline;}
.clear{ clear:both;}

.wrapper{ width:1000px; margin:0 auto;}

.top{ height:30px; line-height:30px; color:#fff;}
.top p{ float:right;}
.top p a{ color:#fff;}
.top h1{ font-size:12px; font-weight:normal;}

.head{ height:90px;}
.head h2{ height:46px; background:url(../images/tel.png) no-repeat; padding-left:55px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ff8a00; line-height:24px; float:right; margin-top:23px;}
.head span{ font-size:16px; color:#666; font-weight:normal;}

.nav{ height:40px; line-height:40px; background:url(../images/nav_bg.png) repeat-x;}
.nav li{ float:left; text-align:center; font-size:16px; border-left:solid 1px #fff;}
.nav li a{ width:141px; display:block;}

.navbar{ height:40px; background:url(../images/nav_bg.png) repeat-x;}
.navbar .nav{ position:relative; z-index:50;}
.navbar .m{ float:left; text-align:center; height:40px; font-size:16px; position:relative; z-index:90; border-left:solid 1px #fff;}
.navbar .m a{ display:block; width:142px; height:40px; color:#fff;}
.navbar .m a:hover{ text-decoration:none;}
.block{ width:142px; height:40px; background:url(../images/nav_hover.png) no-repeat; position:absolute; left:0; top:0;}
.navbar .sub { display:none; position:absolute; right:0; top:40px; z-index:99; width:142px; background:#ff8c05;}
.navbar .sub li {text-align:center; border-bottom:solid 1px #fff; border-left:none;}
.navbar .sub li a {display:block;height:35px;line-height:35px;color:#fff;font-size:12px; padding:0;}
.navbar .sub li a:hover { background:#1c58ab;}
#first{ border:none;}

.pro-switch {height: 360px;overflow: hidden;position: relative;width:1000px;margin-top:20px;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 360px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:1000px;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0)-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.shadow{ height:33px; background:url(../images/shadow.png) no-repeat center 0; margin-bottom:40px;}

.about{ width:730px; float:left}
.about h3{ font-size:20px; color:#03afbd; font-weight:normal; background:url(../images/a.png) no-repeat; padding-left:50px;}
.about h3 span{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px;}
.about h3 a img{ float:right; margin-top:10px;}
.about p{ line-height:25px; text-indent:2em; margin-top:16px;}
.about p img{ border:solid 3px #ddd; float:left; margin-right:20px;}

.recommend{ width:250px; float:right;}
.recommend h3{ font-size:20px; color:#1848ac; font-weight:normal; background:url(../images/r.png) no-repeat; padding-left:50px;}
.recommend h3 span{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px;}
.recommend h3 a img{ float:right; margin-top:10px;}

.news{ width:730px; float:left; margin-top:20px; *margin-top:-20px;}
.news h3{ font-size:16px; color:#fff; font-weight:normal; background:url(../images/n.png) no-repeat; padding-left:40px; line-height:16px; height:37px; padding-top:8px;}
.news h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news h3 a img{ float:right; margin-top:10px;}
.news ul{ width:450px; margin-top:10px; float:left;}
.news li{ font-size:14px; line-height:30px; background:url(../images/icon.png) 0 10px no-repeat; text-indent:22px; border-bottom:dashed 1px #ddd;}
.news li i{ float:right; color:#aaa;}

.contact{ width:241px; height:238px; background:url(../images/contact_bg.png) no-repeat; float:right; margin-top:20px;}
.contact h4{ height:34px; line-height:34px; font-size:16px; font-weight:normal; text-indent:10px; color:#fff;}
.contact p{ line-height:34px; padding-left:11px;}

.pro{ width:730px; background:url(../images/pro_title.png) center 0 no-repeat; float:left; margin-top:20px;}
.pro h3{ font-size:18px; color:#03afbd; font-weight:normal; background:url(../images/p.png) no-repeat; padding:3px 0 0 50px; height:46px;}
.pro h3 span{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:13px;}
.pro h3 a img{ float:right; margin-top:18px;}
#pro{ width:730px; overflow:hidden; margin:10px 0 0 0;} 
#pro li{ text-align:center;float:left; width:166px; height:170px; margin-right:20px;font-size:12px;}
#pro img {width:166px; height:136px; margin-bottom:5px; border:solid 1px #ddd; }
#inpro{float: left;width: 800%; }
#pro1,#pro2{height:170px;float:left; display:inline-table;}

.category{ width:227px; height:573px; float:right; background:url(../images/category.png) no-repeat; margin-top:20px; padding:0 11px 0 12px; *margin-top:-20px;}
.category h3{ font-size:16px; color:#333; font-weight:normal; background:url(../images/c.png) no-repeat 0 6px; padding-left:30px; margin-top:10px;}
.category h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.category h3 a img{ float:right; margin-top:10px;}
.category ul{}
.category li{ width:227px; height:41px; line-height:38px; background:url(../images/category_bg.png) no-repeat; font-size:14px; margin-top:6px; text-indent:45px;}
.category li a{ color:#000;}

.foot{ width:100%; background:url(../images/foot_bg.png) repeat-x #1848ac; padding:25px 0 10px;}
.foot p{ width:800px; margin:0 auto; color:#fff; text-align:center; line-height:24px;}
.foot p a{ color:#fff;}